<template>
  <van-radio-group v-model="checked">
    <div class="ml-4 mr-4 mb-2 bg-white rounded-md flex p-3 shadow-sm">
      <van-radio name="1" />
      <div class="flex-1 ml-2">
        <p><span>名字</span> <span>电话</span></p>
        <p>地址信息----得到的是谁</p>
      </div>
    </div>
    <div class="ml-4 mr-4 mb-2 bg-white rounded-md flex p-3 shadow-sm">
      <van-radio name="2" />
      <div class="flex-1 ml-2">
        <p class="text-lg text-[#333]"><span>名字</span> <span>电话</span></p>
        <p>地址信息----得到的是谁</p>
      </div>
    </div>
    <div class="ml-4 mr-4 mb-2 bg-white rounded-md flex p-3 shadow-sm">
      <van-radio name="3" />
      <div class="flex-1 ml-2">
        <p><span>名字</span> <span>电话</span></p>
        <p>地址信息----得到的是谁</p>
      </div>
      <p>icon</p>
    </div>
  </van-radio-group>
</template>

<script>
import { ref } from "vue";

export default {
  setup() {
    const checked = ref("1");
    return {
      checked,
    };
  },
};
</script>
